<!--
 * @Description: 
 * @Author: HYH
 * @LastEditors: HYH
 * @LastEditTime: 2023-07-17 09:52:46
-->
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>videoJs</title>
  <!-- <link href="https://vjs.zencdn.net/7.20.3/video-js.css" rel="stylesheet" /> -->
 
  <!-- If you'd like to support IE8 (for Video.js versions prior to v7) -->
  <!-- <script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script> -->
 
  <!-- <script src="https://vjs.zencdn.net/7.20.3/video.min.js"></script> -->
  <!-- <script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script> -->
</head>
<body>
<section id="videoPlayer">
  <video id="example-video" width="600" height="300" class="video-js vjs-default-skin vjs-big-play-centered" poster="">
    <source src="https://192.168.5.240:2333/files/3/3.avi"  id="target">
  </video>
</section>
<script type="text/javascript">
  // var player = videojs('example-video', { "poster": "", "controls": "true" }, function() {
  //   this.on('play', function() {
  //     console.log('正在播放');
  //   });
  //   //暂停--播放完毕后也会暂停
  //   this.on('pause', function() {
  //     console.log("暂停中")
  //   });
  //   // 结束
  //   this.on('ended', function() {
  //     console.log('结束');
  //   })
 
  // });
</script>
</body>
</html>